page {
	// background: linear-gradient(to bottom, #fe8b48 0%,#fe4936 100%);
	background: linear-gradient(to bottom, #3E8BC7 0%,#3E8BC7 100%);
	height: 100%;
	
}
.logo {
	width: 100%;
	height: 45vw;
	margin-bottom: 15vw;
	display: flex;
	justify-content: center;
	align-items: center;
	.img {
		width: 35%;
		height: 25vw;

		image {
			width: 100%;
			border-radius: 100%;
		}
	}
}
.form {
	width: 86%;
	padding: 0 7%;
	font-size: 30upx;
	.username,
	.password,
	.code{
		width: calc(100% - 90upx);
		height: 90upx;
		display: flex;
		align-items: center;
		border-radius: 45upx;
		background-color: rgba($color: #ffffff, $alpha: 0.1);
		padding: 0 45upx;
		margin-bottom: 26upx;
		input {
			width: 100%;
			height: 50upx;
			color: rgba($color: #ffffff, $alpha: 0.8);
			font-weight: 200;
		}
	}

	.btn {
		color: #3E8BC7;
		width: 100%;
		height: 90upx;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 45upx;
		background-color: #fff;
		// border: solid 1upx #fffefe;
		// box-shadow: 0 0 2upx rgba(0, 0, 0, .5);
		font-size: 40upx;

	}
}
